<div id="root"></div>

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script>
  // 创建虚拟DOM
  const li1 = React.createElement("li", null, 1);
  const li2 = React.createElement("li", null, 2);
  const li3 = React.createElement("li", null, 3);
  const li4 = React.createElement("li", null, 4);
  const ul = React.createElement("ul", { id: "ulObj" }, [li1, li2, li3, li4]);

  // 渲染虚拟DOM  =》 把他变成真实DOM
  ReactDOM.render(ul, document.querySelector("#root"));
</script>

<!-- 
1 react初体验
2 vue 先真实DOM 底层虚拟DOM    react 直接虚拟DOM
3 什么是虚拟DOM  谈谈你对虚拟DOM理解  =》 为啥要有虚拟DOM
4 浏览器工作机制 、 谈谈你对回流重绘的理解 -> 
 如何触发回流重绘，如何避免回流重绘
-->
